

// 点击文章分列表下的导航 出现二级导航
$('.article_cont').each(function (index, value) {
  $(this).click(function () {
    // 如果这个导航条的下个兄弟元素UL 孩子不为0 
    if ($(this).next('ul').children().length != 0) {
      $(this).next('ul').slideToggle();
      $(this).find('i').toggleClass('iconfont icon-xiangshangjiantou');
      $(this).find('i').toggleClass('iconfont icon-xiangxiajiantou');
    }
  });
});
// 点击二级导航 出现三级导航
$('.sanji').prev('li').each(function (index, value) {
  $(this).click(function () {
    $(this).next('ul').stop().slideToggle();
    $(this).find('i').toggleClass('iconfont icon-xiangshangjiantou');
    $(this).find('i').toggleClass('iconfont icon-xiangxiajiantou');
  })
});

// 二级三级导航数据
var data = [
  {
    tit: '网店信息',
    lis: [
      {
        listop: '隐私声明',
        lisbot: '1111111'
      }, {
        listop: '公司简介',
        lisbot: ''
      }, {
        listop: '联系我们',
        lisbot: ''
      }, {
        listop: '咨询热点',
        lisbot: ''
      }, {
        listop: '隐私保护',
        lisbot: ''
      }, {
        listop: '免责条款',
        lisbot: ''
      },
    ]
  }, {
    tit: '新手上路',
    lis: [
      {
        listop: '隐私声明',
        lisbot: ''
      }, {
        listop: '订购方式',
        lisbot: ''
      }, {
        listop: '购物流程',
        lisbot: ''
      }, {
        listop: '售后流程',
        lisbot: ''
      }
    ]
  }, {
    tit: '配送与支付',
    lis: [
      {
        listop: '上门自提',
        lisbot: ''
      }, {
        listop: '支付方式说明',
        lisbot: ''
      }, {
        listop: '配送支付智能查询',
        lisbot: ''
      }, {
        listop: '货到付款区域',
        lisbot: ''
      }
    ]
  }, {
    tit: '服务保证',
    lis: [
      {
        listop: '产品质量保证',
        lisbot: ''
      }, {
        listop: '售后服务保证',
        lisbot: ''
      }, {
        listop: '退换货原则',
        lisbot: ''
      }
    ]
  }, {
    tit: '联系我们',
    lis: [
      {
        listop: '投诉与建议',
        lisbot: ''
      }, {
        listop: '选机咨询',
        lisbot: ''
      }, {
        listop: '网站故障报告',
        lisbot: ''
      }
    ]
  }, {
    tit: '会员中心',
    lis: [
      {
        listop: '我的订单',
        lisbot: ''
      }, {
        listop: '我的收藏',
        lisbot: ''
      }, {
        listop: '资金管理',
        lisbot: ''
      }
    ]
  }, {
    tit: '二级分类',
    lis: [
      {
        listop: '测试二级',
        lisbot: ''
      }
    ]
  }, {
    tit: 'ios',
    lis: [
      {
        listop: 'ios',
        lisbot: ''
      }
    ]
  },
];
// 一级导航数据
var datas = [
  {
    tit: '发票问题',
    lis: [
      {
        listop: '发票中是否显示运费余额',
        lisbot: ''
      }
    ]
  }, {
    tit: '微分销',
    lis: [
      {
        listop: '如何申请成为分销商',
        lisbot: ''
      }, {
        listop: '什么是微分销',
        lisbot: ''
      }
    ]
  }, {
    tit: '3G资讯',
    lis: [
      {
        listop: '800万像素超强拍照机 LG Viewt...',
        lisbot: ''
      }, {
        listop: '诺基亚牵手移动 5款热门TD手机机型推荐',
        lisbot: ''
      }, {
        listop: '三星电子宣布将在中国发布15款3G手机',
        lisbot: ''
      },
    ]
  }, {
    tit: '站内快讯',
    lis: [
      {
        listop: '三星SGHU308说明书下载',
        lisbot: ''
      }, {
        listop: '手机游戏下载',
        lisbot: ''
      }, {
        listop: '3G知识普及',
        lisbot: ''
      }, {
        listop: '诺基亚6681手机广告欣赏',
        lisbot: ''
      },
    ]
  }, {
    tit: '商城公告',
    lis: [
      {
        listop: '入驻须知',
        lisbot: 'ecmoban'
      }, {
        listop: '官方使用提示信息',
        lisbot: ''
      }, {
        listop: '整合说明',
        lisbot: ''
      }, {
        listop: '管理功能说明',
        lisbot: ''
      }, {
        listop: '联系方式',
        lisbot: ''
      }, {
        listop: '火爆销售中',
        lisbot: ''
      },
    ]
  }, {
    tit: '商家入驻流程说明',
    lis: [
      {
        listop: '了解更多',
        lisbot: ''
      }, {
        listop: '联系方式',
        lisbot: ''
      }, {
        listop: '整合说明',
        lisbot: 'ecmoban'
      }
    ]
  }, {
    tit: '商家入驻商家说明',
    lis: [
      {
        listop: '1',
        lisbot: ''
      }
    ]
  }, {
    tit: '公告',
    lis: [
      {
        listop: '服务店突破2000多家',
        lisbot: '网页描述'
      }, {
        listop: '我们成为中国最大家电零售B2B2C系统',
        lisbot: '我们成为中国最大家电零售B2B2C系统'
      }, {
        listop: '三大国际腕表品牌签约',
        lisbot: ''
      }
    ]
  }, {
    tit: '促销',
    lis: [
      {
        listop: '春季家装季，家电买一送一',
        lisbot: '测试网页描述'
      }, {
        listop: '抢百元优惠券，享4.22%活期',
        lisbot: ''
      }, {
        listop: 'Macbook最高返50000消费豆！',
        lisbot: ''
      }
    ]
  }, {
    tit: '测试',
    lis: [
      {
        listop: '1',
        lisbot: ''
      }
    ]
  }, {
    tit: '公司新闻',
    lis: [
      {
        listop: '1',
        lisbot: ''
      }
    ]
  }, {
    tit: '关于我们',
    lis: [
      {
        listop: '1',
        lisbot: ''
      }
    ]
  },
]
// 渲染二级三级导航
function fn(data) {
  $('.am_top').html('');
  $('.am_bot').html('');
  var mainData = `
      <h2>${data.tit}</h2>
    `;
  var mainDatas = '';
  for (var i = 0; i <= data.lis.length - 1; i++) {
    mainDatas += `
        <li>
          <h3>
            <i class="dot"></i>
            <a href="javascript:;">${data.lis[i].listop}</a>
          </h3>
          <p>${data.lis[i].lisbot}</p>
        </li>
    `;
  }
  $('.am_top').html(mainData);
  $('<ul></ul>').html(mainDatas).appendTo($('.am_bot'));
}
// 点击一级导航  渲染数据
$('.article_cont').click(function () {
  for (var i = 0; i < datas.length; i++) {

    if ($(this).find('span').text() == datas[i].tit) {
      // console.log($(this).find('span').text());
      // console.log(datas[i].tit);
      fn(datas[i]);
    }
  }
})
// 点击二级导航  渲染数据
$('.article li').click(function () {
  for (var i = 0; i < data.length; i++) {
    if ($(this).find('a').text() == data[i].tit) {
      fn(data[i]);
    }
  }
});




// 渲染搜索历史记录
function lis(arr) {
  $('.jilu ul').html('');
  for (var i = 0; i < arr.length; i++) {
    var ullis = $('<li></li>');
    ullis.text(arr[i]);
    ullis.appendTo($('.jilu ul'));
  }
}

// 记录搜索内容到数组
var jiluarr = [];

// 点击搜索 搜索内容被加入数组
$('.searchBtn').click(function () {
  console.log(1);
  if (!jiluarr.includes($('.search').find('input').val())) {
    jiluarr.unshift($('.search').find('input').val());
  }
  // 搜索记录渲染
  lis(jiluarr);
  // console.log($('.inp').val());
  for (var i = 0; i < searchData.length; i++) {
    if (searchData[i].tit.includes($('.inp').val())) {
      searchs(searchData[i], $('jilu'), '订购方式', '购物流程');
    } else {

    }
  }
  $('.search input').val('');
});





// 搜索数据
var searchData = [

  {
    tit: '隐私声明',
    content: '商创网以此声明对本站用户隐私保护的许诺。随着本站服务范围的扩大，会随时更新隐私声明。我们欢迎您随时查看隐私声明。'
  }, {
    tit: '订购方式',
    content: '订购方式'
  }, {
    tit: '购物流程',
    content: '购物流程'
  }, {
    tit: '售后流程',
    content: '售后流程'
  }, {
    tit: '上门自提',
    content: '上门自提'
  }, {
    tit: '支付方式说明',
    content: '支付方式说明'
  }, {
    tit: '配送支付智能查询',
    content: '配送支付智能查询'
  }, {
    tit: '货到付款区域',
    content: '货到付款区域'
  }, {
    tit: '产品质量保证',
    content: '产品质量保证'
  }, {
    tit: '售后服务保证',
    content: '售后服务保证'
  }, {
    tit: '退换货原则',
    content: '退换货原则'
  }, {
    tit: '投诉与建议',
    content: '投诉与建议'
  }, {
    tit: '选机咨询',
    content: '选机咨询'
  }, {
    tit: '网站故障报告',
    content: '网站故障报告'
  }, {
    tit: '我的订单',
    content: '网站故障报告'
  }, {
    tit: '我的收藏',
    content: '网站故障报告'
  }, {
    tit: '资金管理',
    content: '网站故障报告'
  },
]


function searchs(data1, val, prevval, nextval) {
  $('.am_top').html('');
  $('.am_bot').html('');
  var data = `
    <h2>${data1.tit}</h2>
    <div class="ams_top_suoyin">
      <a href="javascript:;">${val.parents('.erji').prev('div').find('span').text()}</a>&nbsp; > &nbsp;
      <a href="javascript:;">${val.parents('.sanji').prev('li').find('a').text()}</a>&nbsp; > &nbsp;
      <a href="javascript:;">${val.find('a').text()}</a>&nbsp; > &nbsp;
      <span>订购方式</span>
    </div>
  `;
  var datas = `
    <div class="ams_bot_t">${data1.content}</div>
    <div class="ams_bot_b">
      <span class="lf">上一篇：
        <a href="javascript:;">${prevval}</a>
      </span>
      <span class="rg">下一篇：
        <a href="javascript:;">${nextval}</a>
      </span>
    </div>
  `;
  $('.am_top').html(data);
  $('.am_bot').html(datas);

}
$('.am_bot').find('a').click(function () {
  console.log(1);
})

$('.sanji li').on('click', function () {
  var sanjival = $(this);
  $('.am_bot').find('a').on('click', function () {
    // console.log($(this).text());
    // console.log(sanjival.find('a').text());
    // console.log(sanjival.parents('.sanji').prev('li').find('a').text());
    // console.log(sanjival.parents('.erji').prev('div').find('span').text());
    var nextval = '';
    if ($(this).parents('li').next('li').children().length == 0) {
      nextval = $(this).parents('ul').children('li').first().find('a').text();
    } else {
      nextval = $(this).parents('li').next('li').find('a').text();
    }
    var prevval = '';
    if ($(this).parents('li').prev('li').children().length == 0) {
      prevval = $(this).parents('ul').children('li').last().find('a').text();
    } else {
      prevval = $(this).parents('li').prev('li').find('a').text();
    }

    for (var i = 0; i < searchData.length; i++) {
      if ($(this).text() == searchData[i].tit) {
        searchs(searchData[i], sanjival, prevval, nextval);
      }
    }
  })
});







$('.back_1390').css('box-sizing', 'content-box');
$('.header').css('box-sizing', 'content-box').find('*').css('box-sizing', 'content-box');
$('.nav').css('box-sizing', 'content-box').find('*').css('box-sizing', 'content-box');
$('.footer').css('box-sizing', 'content-box').find('*').css('box-sizing', 'content-box');
$('.aside_all').css('box-sizing', 'content-box');
$('.aside_all').find('*').css('box-sizing', 'content-box');


// 就这代码让已经工作的人看到估计能笑一年
setTimeout(() => {
  $('.cart_list').find('*').css('box-sizing', 'content-box');
  $('.cart_bailan').css('box-sizing', 'border-box');
}, 200);
